@extends('wechat.member-layout')

@section('head')
    <style type="text/css">
        li { list-style:none;}
        .liebiao { text-align:left;background:#fff;border-bottom:#f6f6f6 30px solid;}
        .liebiao .title { background:#f6f6f6;width:100%;text-align:center;line-height:76px;padding-top:10px;color:#04be02;font-size:28px;border-bottom:#ddd 1px solid;}
        .liebiao li { padding:0 4%;width:92%;float:left;}
        .liebiao li a { display:block;width:100%;height:38px;padding:14px 0;border-bottom:#ddd 1px solid;}
        .liebiao li .left { width:15%;height:38px;float:left;background-repeat:no-repeat;background-position:top center;background-size:100% auto;}
        .liebiao li .right { width:80%;float:right;line-height:40px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;color:#000;font-size:18px;}
    </style>
    <script src="http://{{ env('QINIU_DOMAIN') }}/js/jquery-1.7.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://{{ env('QINIU_DOMAIN') }}/css/jquery.fancybox-1.3.4.css" />
    <script type="text/javascript" src="http://{{ env('QINIU_DOMAIN') }}/js/jquery.fancybox-1.3.4.pack.js"></script>
@endsection

@section('content')
    <div class="liebiao">
        <div class="title">
            热门视频
        </div>
        <ul>
            @foreach($wechatUploads as $wechatUpload)
                <li>
                    <a href="/wechat/view?id={{ $wechatUpload->id }}">
                        <div class="left" style="background-image:url({{ $wechatUpload->guest_image . '?imageView2/1/w/64/h/64' }})">
                        </div>
                        <div class="right">
                            {{ $wechatUpload->title }}
                        </div>
                    </a>
                </li>
            @endforeach
        </ul>
        <div style="clear:both">
        </div>
    </div>
@endsection

